<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css">
</head>
<body>
  <g:if test="${upd=='si'}">
    <script>
      goTo('docente','list','','definicion_list');
    </script>
  </g:if>
  <g:if test="${sendingEmail==1}">
    <script>
      closeLoading('loader')
    </script>
  </g:if>
  <div class="definicion">
      <div class="perfilDocente">
         ${DefinicionUtils.buildSimpleHeaderShow('','perfilDocente')}
      <g:if test="${flash.message}">
        <div class="message">${flash.message}</div>
      </g:if>
      <g:if test="${listaErrores && listaErrores.size()>0}">
        <div class="errors">
          <ul>
            <g:each var="error" in="${listaErrores}">
              <li>${error}</li>
            </g:each>
          </ul></div>
      </g:if>
      <g:hasErrors bean="${docenteInstance}">
        <div class="errors">
          <g:renderErrors bean="${docenteInstance}" as="list" />
        </div>
      </g:hasErrors>
    </div>
    <g:form action="save" method="post" autocomplete="off" name="definicion">
      <input type="hidden" name="eOc" value="${eOc}"/>
      <input type="text" id="id" name="id" value="${docenteInstance?.id}" disabled class="disabled"  style=" width:300px; display:none;" />
      <table width="700" border="0" align="center">
  <tr>
    <td><div id="TabbedPanels1" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" tabindex="0"><img src="${createLinkTo(dir:'images',file:'datos_personales.png')}"></li>
        <li class="TabbedPanelsTab" tabindex="0"><img src="${createLinkTo(dir:'images',file:'datos_habitacion.png')}"></li>
      </ul>
      <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent"><table width="600" border="0" align="center">
          <tr>
            <td width="305" align="left" valign="middle" class="labels" ><label for="cedula"><g:message code="docente.cedula.label" default="C&eacute;dula" /></label></td>
            <td width="285" class="value ${hasErrors(bean:docenteInstance,field:'id','errors')}"><g:textField name="cedula" maxlength="50" value="${docenteInstance?.cedula}" class="campos" style="width:200px;" /></td>
          </tr>
          <tr class="prop">
            <td align="left" valign="middle" class="name"><label for="nombres"><g:message code="docente.nombres.label" default="Nombres" /></label>            </td>
            <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'cedula', 'errors')}"><g:textField name="nombres" maxlength="50" value="${docenteInstance?.nombres}"  class="campos" style="width:200px;"/>                  </td>
          </tr>
          <tr class="prop">
            <td align="left" valign="middle" class="name"><label for="apellidos"><g:message code="docente.apellidos.label" default="Apellidos" /></label></td>
            <td class="value ${hasErrors(bean: docenteInstance, field: 'cedula', 'errors')}"> <g:textField name="apellidos" maxlength="50" value="${docenteInstance?.apellidos}"  class="campos" style="width:200px;"/></td>
          </tr>
        
         <tr class="prop">
          <td align="left" valign="middle" bordercolor="#D3D3D3" class="name">Nacionalidad</td>
          <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'nacionalidad', 'errors')}">
             <g:textField name="nacionalidad" value="${docenteInstance?.nacionalidad}" class="campos" style="width:200px;" />            </td>
        </tr>
         <tr class="prop">
           <td align="left" valign="middle" bordercolor="#D3D3D3" class="name">Fecha de Nacimiento</td>
           <td class="value ${hasErrors(bean: docenteInstance, field: 'fechaDeNacimiento', 'errors')}">
          <g:if test="${docenteInstance?.fechaDeNacimiento == null}">
          <g:textField type="text" value="" name="fechaDeNacimiento" id="fechaDeNacimiento" class="campos" style="width:200px"/>
        </g:if>
        <g:else>
          <g:textField type="text" value="${FormatUtils.formatDateDDMMYYYY(docenteInstance?.fechaDeNacimiento)}" name="fechaDeNacimiento" id="fechaDeNacimiento" class="campos" />
        </g:else> </td>
          </tr>
        
        <tr>
          <td align="left" valign="middle" class="name">
            <label for="genero">G&eacute;nero</label>          </td>
          <td valign="top" class="value ${hasErrors(bean:docenteInstance,field:'genero','errors')}">                
            <g:select name="genero" id="genero" from="${['Femenino', 'Masculino']}" value="${docenteInstance?.genero}" class="campos"  style="width:200px;" />          
            <label for="estadoCivil"></label>         </td>
          </tr>
        <tr>
          <td align="left" valign="middle" class="name"><label for="label">Estado Civil</label></td>
          <td valign="top" class="value ${hasErrors(bean:docenteInstance,field:'estadoCivil','errors')}">                
            <g:select name="estadoCivil" id="estadoCivil" from="${['Soltero', 'Casado', 'Concubino', 'Viudo', 'Divorciado']}" value="${docenteInstance?.estadoCivil}" class="campos"   style="width:200px;" /> </td>
          </tr>

        <tr>
          <td align="left" valign="middle" class="name">
            <label for="discapacidad">Posee alguna discapacidad</label>          </td>
          <td valign="top" class="value ${hasErrors(bean:docenteInstance,field:'discapacidad','errors')}">                
            <g:select name="discapacidad" id="discapacidad" from="${['Ninguna', 'Auditiva', 'Fisico-motor', 'Visual']}" value="${docenteInstance?.discapacidad}" class="campos"  style="width:200px;"  />          
            <label for="puebloIndigena"></label>     </td>
          </tr>
        <tr>
          <td align="left" valign="middle" class="name"><label for="puebloIndigena">Pertenece a alg&uacute;n pueblo ind&iacute;gena</label></td>
          <td valign="top" class="value ${hasErrors(bean:docenteInstance,field:'puebloIndigena','errors')}">                
            <g:checkBox name="puebloIndigena" value="${docenteInstance?.puebloIndigena}" />     </td>
          </tr>
        <tr>
          <td align="left" valign="middle" class="name">&nbsp;</td>
          <td valign="top" class="value ${hasErrors(bean:docenteInstance,field:'puebloIndigena','errors')}">&nbsp;</td>
        </tr>
</table>
        </div>
        <div class="TabbedPanelsContent"><table width="600" align="center">
        <tbody>
             
               
        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="telefonoPersonal"><g:message code="docente.telefonoPersonal.label" default="Tel&eacute;fono Personal" /></label>          </td>
          <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'telefonoPersonal', 'errors')}">
             <g:textField name="telefonoPersonal" maxlength="50" value="${docenteInstance?.telefonoPersonal}" class="campos" style="width:200px;" />                       </td>
          </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name">  <label for="telefonoHabitacion"><g:message code="docente.telefonoHabitacion.label" default="Tel&eacute;fono Habitaci&oacute;n" /></label>   </td>
          <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'telefonoHabitacion', 'errors')}">
            <g:textField name="telefonoHabitacion" maxlength="50" value="${docenteInstance?.telefonoHabitacion}" class="campos"  style="width:200px;"  /></td>
          </tr>
        
        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="correo"><g:message code="docente.correo.label" default="Correo" /></label>          </td>
          <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'correo', 'errors')}">
            <g:textField name="correo" maxlength="50" value="${docenteInstance?.correo}" class="campos"  style="width:200px;"   />                                     </td>
          </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name"><label for="correoAlternativo"><g:message code="docente.correoAlternativo.label" default="Correo Alternativo" /></label>     </td>
          <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'correoAlternativo', 'errors')}">
             <g:textField name="correoAlternativo" maxlength="50" value="${docenteInstance?.correoAlternativo}"  class="campos"  style="width:200px;"  /></td>
          </tr>
        
        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="direccionHabitacion"><g:message code="docente.direccionHabitacion.label" default="Direcci&oacute;n Habitaci&oacute;n" /></label>          </td>
          <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'direccionHabitacion', 'errors')}">
             <g:textArea name="direccionHabitacion" rows="3" cols="20" value="${docenteInstance?.direccionHabitacion}" class="campos" style="width:200px; height:60px
             "  />          </td>
          </tr>
        
        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="ocupacion"><g:message code="docente.ocupacion.label" default="Ocupaci&oacute;n" /></label>          </td>
          <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'ocupacion', 'errors')}">
             <g:textField name="ocupacion" maxlength="100" value="${docenteInstance?.ocupacion}"  class="campos"  style="width:200px;"  />          </td>
          </tr>
        
        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="profesion">
              <g:message code="docente.profesion.label" default="Profesi&oacute;n" />
            </label>          </td>

          <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'profesion', 'errors')}">
             <g:textField name="profesion" maxlength="100" value="${docenteInstance?.profesion}" class="campos"  style="width:200px;"   />                                      </td>
          </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name"> <label for="especializacion"><g:message code="docente.especializacion.label" default="Especializaci&oacute;n" /></label>   </td>
          <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'especializacion', 'errors')}">
             <g:textField name="especializacion" maxlength="100" value="${docenteInstance?.especializacion}"  class="campos"  style="width:200px;" /></td>
          </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name">&nbsp;</td>
          <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'especializacion', 'errors')}">&nbsp;</td>
        </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name">&nbsp;</td>
          <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'especializacion', 'errors')}">&nbsp;</td>
        </tr>
        </tbody>
      </table>
</div>
      </div>
    </div></td>
  </tr>
</table>


      <br/>
    </g:form>
  </div>
 <script>
jQuery("#fechaDeNacimiento" ).datepicker({
                    changeMonth: true,
                    changeYear: true
                });
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>